<!DOCTYPE html>
<html>
	<head>
		<title>CSS 01 Overview, Exercise 02 Table</title>
		<link href="styles/table_styles.css" rel="stylesheet" type="text/css" />
	</head>
	<body>
		<table>
			<thead>
				<tr id="table_header">
					<th>Contact name</th>
					<th>City</th>
					<th>Country</th>
					<th>Is promoted</th>
				</tr>
			</thead>
			<form method="post">
				<tbody>
					<tr>
						<td>Maria Anders</td>
						<td>Berlin</td>
						<td>
							<img src="images/ger.png" alt="flag"/>
							Germany
						</td>
						<td>
							<input type="checkbox" disabled="disabled" />
						</td>
					</tr>
					<tr>
						<td>Ana Trujillo</td>
						<td>M&eacute;xico D.F</td>
						<td>
							<img src="images/mex.png" alt="flag"/>
							Mexico
						</td>
						<td>
							<input type="checkbox" disabled="disabled" />
						</td>
					</tr>
					<tr>
						<td>Antonio Moreno</td>
						<td>M&eacute;xico D.F</td>
						<td>
							<img src="images/mex.png" alt="flag"/>
							Mexico
						</td>
						<td>
							<input type="checkbox" disabled="disabled" checked="checked" />
						</td>
					</tr>
					<tr>
						<td>Thomas Hardy</td>
						<td>London</td>
						<td>
							<img src="images/gb.png" alt="flag"/>						
							UK
						</td>
						<td>
							<input type="checkbox" disabled="disabled" />
						</td>
					</tr>
				</tbody>
			</form>
		</table>
	</body>
</html>
